<%--
  Created by IntelliJ IDEA.
  User: Li Chuanwei
  Date: 2023-07-18
  Time: 22:38
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<head>
  <title>订单快递详情</title>
  <script src="${pageContext.request.contextPath}/static/js/jquery.min.js"></script>
  <link rel="stylesheet" href="${pageContext.request.contextPath}/static/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/public.css" media="all">
  <script src="${pageContext.request.contextPath}/static/layui/layui.js" charset="utf-8"></script>
  <style>
    .layui-table-cell {
      text-align: center;
      white-space: normal;
    }
  </style>
</head>
<body>
<div class="layuimini-container">
  <div class="layuimini-main">
    <table class="layui-hide" id="orderItemTableId" lay-filter="orderItemTableFilter"></table>
  </div>
</div>
<script>
  layui.use(['form', 'table', 'element','layer'], function () {
    var $ = layui.jquery,
            form = layui.form,
            table = layui.table,
            util = layui.util;
    var rate = layui.rate;
    var laydate = layui.laydate;
    var dropdown = layui.dropdown;

    /**
     * 表格渲染
     */
    table.render({
      elem: '#orderItemTableId',
      autoSort: true,
      url: '${pageContext.request.contextPath}/manager/order/trackingDetails?orderId=' + ${orderId},
      toolbar: '#toolbar',
      defaultToolbar: ['filter', 'exports', 'print', {
        title: '提示',
        layEvent: 'LAYTABLE_TIPS',
        icon: 'layui-icon-tips'
      }],
      cols: [[
        {field: 'name',  title: '快递公司'},
        {field: 'id', title: '快递编号'}
      ]],
      loading: true,
      skin: 'grid',
    });

    /**
     * 提示栏操作
     */
    table.on('toolbar(orderTableFilter)', function (obj) {
      switch (obj.event) {
        case 'LAYTABLE_TIPS':
          layer.alert('输入相关信息以查询订单商品详细信息');
          break;
      }
      ;
    });
  });
</script>
</body>
</html>


